<div id="MyPack" data-title="我的账户">
    <style>
        @@include('modules/pack/MyPack/main.css.min')
    </style>
    <div id="ValueAddService_vue" class="container">
        <section class="currency">
            <h2>剩余汇币</h2>
            <div class="currency-count">
                <span class="count" v-if="pack.bid_point">{{pack.bid_point}}</span>
                <span class="count" v-else>0</span>
                <!--<div class="currency-discount pull-right" v-if="!expired" evt="openGrabRecharge">
                    <p class="half-change">{{packList.discount_pack_set.discount}}折充值</p>
                    <p class="deadline">截止{{packList.discount_pack_set.deadline}}</p>
                    <img src="/img/pack/gift.png" />
                </div>-->
            </div>
            <p class="hb-title">充值汇币</p>
            <div class="currency-rechange">
                <div class="pay-btn" v-for="(priceSet,index) in packList.price_pack_set" v-bind:id="priceSet.id" v-bind:amt="priceSet.price"
                     evt="openWeChatPay">
                    <!--<p class="rechange-get">{{priceSet.bid_point}}汇币</p>-->
                    <p class="rechange-get">{{priceSet.name}}</p>
                    <p class="rechange-pay">售价{{priceSet.price}}元
                        <!--<span class="rechange-old-pay" v-if="priceSet.ori_price && priceSet.ori_price != priceSet.price">{{priceSet.ori_price}}</span>-->
                    </p>
                    <img v-if="priceSet.gift_bid_point==30" src="/img/pack/30.png" />
                    <img v-if="priceSet.gift_bid_point==100" src="/img/pack/100.png" />
                </div>
            </div>
            <!--优惠折扣-->
            <!--<div class="currency-discount" v-if="!expired" evt="openGrabRecharge">-->
                <!--<p class="half-change">{{packList.discount_pack_set.discount}}折充值</p>-->
                <!--&lt;!&ndash;<p class="deadline">截止{{packList.discount_pack_set.deadline}}</p>&ndash;&gt;-->
                <!--<p class="deadline">1000汇币以上</p>-->
                <!--<img src="/img/pack/odd.png" />-->
            <!--</div>-->
        </section>
        <!--新项目提醒及派单次数-->
        <section class="currency-pay">
            <div class="pay-conut">
                <p class="count-title">剩余新项目提醒</p>
                <p class="tip">
                    <span>有订单第一时间通知，不错过任何机会</span>
                </p>
                <p class="count-now sms-point" v-if="pack.sms_odd_days">{{pack.sms_odd_days}}<small>天</small></p>
                <p class="count-now sms-point" v-else>0</p>
            </div>
            <p class="hb-title">购买新项目提醒</p>
            <div class="currency-rechange">
                <div class="pay-btn" v-for="(smsSet,index) in packList.sms_pack_set" v-bind:index="index" v-bind:id="smsSet.id" v-bind:type="smsSet.type"
                     v-bind:amt="smsSet.bid_point" evt="payCharge">
                    <!--<p class="rechange-get" v-if="smsSet.sms_point==0">无限量(全年)</p>
                    <p class="rechange-get" v-else>{{smsSet.sms_point}}条</p>-->
                    <p class="rechange-get" >{{smsSet.name}}</p>
                    <p class="rechange-pay">{{smsSet.bid_point}}汇币 <span class="rechange-old-pay" v-if="smsSet.ori_bid_point && smsSet.ori_bid_point != smsSet.bid_point">{{smsSet.ori_bid_point}}</span></p>
                    <img v-if="smsSet.tag" src="/img/pack/timeOdds.png" />
                </div>
            </div>
        </section>
        <section class="currency-pay" v-bind:class="{'no-vip': user.level == 10}">
            <div class="pay-conut">
                <p class="count-title golden-color">优先抢单服务  <span class="only-vip"></span></p>
                <p class="paidan">快人一步，无需竞价抢单，享受8折一口价优惠</p>
                <p class="count-now dispatch-point gray-font" v-if="user.level == 10 || pack.bronze_medal_odd_days == 0">暂未开通</p>
                <p class="count-now dispatch-point" v-else>{{pack.bronze_medal_odd_days}}<small>天</small></p>
            </div>
            <p class="hb-title">购买优先抢单服务</p>
            <div class="currency-rechange">
                <div class="pay-btn" v-for="(bronzeSet,index) in packList.bronze_medal_discount_set" v-bind:index="index" v-bind:id="bronzeSet.id"
                     v-bind:type="bronzeSet.type" v-bind:amt="bronzeSet.bid_point" evt="payCharge">
                    <p class="rechange-get">{{bronzeSet.name}}</p>
                    <p class="rechange-pay"><s>{{bronzeSet.ori_bid_point}}</s>{{bronzeSet.bid_point}}汇币</p>
                </div>
            </div>

            <div class="cover" v-if="user.level == 10"></div>
        </section>

        <!--使用说明-->
        <div class="package-explain">
            <h6>使用说明</h6>
            <p>1. 汇币是万屏汇网站虚拟货币，可直接用于竞价抢单，或购买其他套餐服务；</p>
            <p>2. 汇币无使用期限，余额一直保存在你的账户内，可随时使用；</p>
            <p>3. 铜牌会员可购买优先抢单服务，享受铜牌优先抢单和8折一口价优惠抢单服务；</p>
            <p>4. 新项目提醒和优先抢单服务均按每月31天计算，重复购买时，有效期自动延长31天；</p>
            <p>5. 汇币及增值服务支付后不支持退款或转赠他人。</p>
        </div>
    </div>
</div>